<template>
  <div class="global-btn-list">
    <div
      v-for="tab in tabs"
      :key="tab"
      :class="`item ${modelValue === tab ? 'active' : ''}`"
      @click="$emit('update:modelValue', tab)"
    >
      {{ tab }}
    </div>
  </div>
</template>

<script setup>
defineProps({
  modelValue: String,
  tabs: {
    type: Array,
    default: () => [],
  },
})
defineEmits(['update:modelValue'])
</script>
